<!doctype html>
<html xmlns:th="http://www.springframework.org/schema/mvc">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link href="/css/mui/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/css/mui/my.css"/>
    <style>
        #send {
            height: 0.875rem;
            width: 90%;
            margin-top: 0.35rem;
            font-size: 0.2975rem;
            background: #508BEF;
        }
        .mui-content-padded{
            margin: 30px 20px 0 30px;
        }
        h5{
            font-size: 0.30rem;
        }
        h5 span{
            font-size: 0.34rem;
            color: #222;
        }
    </style>
</head>

<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">我要借款</h1>
</header>
<div class="mui-card">
    <div class="mui-card-content">请准确填写信息，以便顺利验证</div>
</div>
<div class="mui-content" style="padding-top: 1.65rem;">
    <div class="mui-content-padded">
        <h5 style="clear: left;">借款金额：<span id='block1-range-val'>100</span></h5>
        <div class="mui-input-row mui-input-range">
            <input type="range" id='block1-range' value="100" min="100" max="3000" step="100">
        </div>
        <h5 style="clear: left;margin-top: 0.4rem">借款天数：<span id='block2-range-val'>7</span></h5>
        <div class="mui-input-row mui-input-range">
            <input type="range" id='block2-range' value="7" min="7" max="60" step="1">
        </div>
        <div class="mui-button-row" style="background: #EFEFF4;">
            <button type="button" class="mui-btn mui-btn-primary" id="send">下一步</button>
        </div>
    </div>
</div>
<script src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="/js/mui/mui.min.js"></script>
<script src="/js/wechat/public.js"></script>
<script src="/js/mui/smallOrder.js" type="text/javascript"></script>
</body>
</html>